<template>
	<ul>
		<li	:style="{opacity}">欢迎来到Vue2 DKX</li>
		<li>news001 <input type="text"></li>
		<li>news002 <input type="text"></li>
		<li>news003 <input type="text"></li>
	</ul>
</template>

<script>
	export default {
		name:'News',
		data() {
			return {
				opacity:1
			}
		},
		// beforeDestroy() {
		// 	console.log('New即将被销毁了');
		// 	clearInterval(this.timer)
		// },
		// mounted(){
		// 	this.timer = setInterval(() => {
		// 		console.log('@');
		// 		this.opacity -= 0.01
		// 		if(this.opacity <= 0) this.opacity = 1
		// 	},16)
		// },
		//router的生命周期钩子
		activated(){
			console.log('New即将被激活了');
			this.timer = setInterval(() =>{
				console.log('@');
				this.opacity -= 0.01
				if(this.opacity <= 0) this.opacity = 1
			},16)
		},
		deactivated() {
			console.log('New即将被失活了');
			clearInterval(this.timer)
		}
	}
</script>